<template>
	<div class="error">
		<h4>对不起，页面跑偏了哟～</h4>
		<div>
			<button @click="back">返回</button>
			<button @click="home">首页</button>
		</div>
	</div>
</template>

<script type="text/javascript">
	export default{
		methods:{
            back(){
                this.$router.go(-1)
            },
            home(){
            	this.$router.push("/")
            }
        }
	}
</script>

<style lang="less" scoped>
	.error{
		width: 100%;
		height:100%;
		text-align:center;
	}
	h4{
		padding: 100px 0;
		font-size:14px;
	}
	button{
		display: inline-block;
		padding:5px 15px;
		border-radius:3px;
	}
</style>